<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本表格</title>
    <style>
        table{
          border-collapse: collapse; 
          /* 将双线边框变为单线边框  方法一 */
        }
      </style>
</head>
<body>
    <!-- table>tr*2>{内容$}*3 + tab 内动生成 -->
    <table border="1px" width="400" cellspacing="0" cellpadding="10" align="center">
       <!-- 方法二 cellspacing:改变双线边框的间距  cellpadding:单元格内容离左上下边框的距离 aling对其方式默认left -->
        <tr style="color: aqua;">
            <th>学号</th><!--th：表头，主要起对下面内容说明作用 th的内容会自动加粗和居中显示-->
            <th>姓名</th>
            <th>地址</th>
        </tr>
        <tr align="center">
            <td>007</td>
            <td>张三</td>
            <td>河南</td>
        </tr>
        <tr>
            <td style="color: red;" >008</td>
            <td>李四</td>
            <td>上海</td>
        </tr>
    </table>
</body>
</html>